{% extends "main_face_base.html" %}

{% block styles %}
	<link rel="stylesheet" href="static/face.css" type="text/css"/>
	<link rel="stylesheet" href="static/cabinet.css" type="text/css"/>
{% endblock %}

{% block content_block_left %}
	<div>
		<ul>
			<li>
				<p><a href="cabinet?select=profile">Профиль</a></p>
			</li>
			<li>
				<p><a href="cabinet?select=invites">Приглашения</a></p>
			</li>
			<li>
				<p>Банк</p>
			</li>
		</ul>
	</div>
{% endblock %}

{% block document_title %}HOME - Банк{% endblock %}

{% block title_center %}<p>Банк</p>{% endblock %}

{% block title_right %}<div>&nbsp;</div>{% endblock %}

{% block content_block_center %}
	<div id="ui_bank_container">
		<p class="balance">На вашем счете <span id="balance_cash">{{cash}}</span> талантов.</p>
		<div>
			<p>Баланс:</p>
			<table>
				<tbody>
					<tr>
						<th>Дата</th>
						<th>Описание</th>
						<th>Сумма</th>
					</tr>
					{% for record in book %}
					<tr>
						<td>{{record.time|date:"d.m.Y H:i"}}</td>
						<td>{{record.detail}}</td>
						<td>{{record.cash}}</td>
					</tr>
					{% endfor %}
				</tbody>
			</table>
		</div>
	</div>
{% endblock %}

{% block content_right %}
	<div id="body_right">
		<div>
			<ul>
				<li>
					<p><a href="cabinet?bank=recharge">Пополнить</a></p>
				</li>
				<li>
					<p><a href="cabinet?bank=cash">Вывести</a></p>
				</li>
			</ul>
		</div>
	</div>
{% endblock %}
